<template>
  <div class="movie-detail-container">
    <FixedTitle Title="功夫熊猫4" :isShow="true"></FixedTitle>
    <Head></Head>
    <Filter :data="timeList"></Filter>
    <List></List>
  </div>
</template>
<script setup>
import { ref } from "vue";
import FixedTitle from "../../components/FixedTitle/fixed-title.vue";
import Head from "../../components/Head/index.vue";
import List from "../../pages/cinema/component/list.vue";
import Filter from "./component/filter/index.vue";
const timeList = ref(["2024-04-02", "2024-04-03", "2024-04-04"]);
</script>
<style lang="scss">
.movie-detail-container {
  background: linear-gradient(
    to right,
    #d8ecfe,
    #d2e8fe,
    #cce5fe,
    #cde5ff,
    #c6e2ff,
    #c2dfff,
    #c1dffe
  );
}
</style>
